<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>上传头像</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="personal_center vip">


    <header class="wrapper">
        <a class="profile_img" href="profile.html">
            <img src="img/profile_default.png" alt="">
            <span>
                <i>4</i>
            </span>
        </a>
        <h3>忍者666~</h3>
        <h4>当前会员等级: V4 </h4>
        <a href="account.html" class="accoount_set">账号设置</a>
    </header>


    <section class="order_area">
        <dl class="container">
            <dt><img src="img/order_icon.png" alt="我的订单">我的订单 <a href="my_order.html" class="more">更多订单&gt;&gt;</a></dt>
            <dd>
                <a href="to_pay.html">
                    <img src="img/wallet.png" alt="待付款">
                    待付款
                    <div class="num">99</div>
                </a>

            </dd>
            <dd>
                <a href="consign.html">
                    <img src="img/transport.png" alt="">
                    待收货
                    <div class="num">66</div>
                </a>

            </dd>
            <dd>
                <a href="comment_1.html">
                    <img src="img/comment.png" alt="">
                    待评价
                </a>

            </dd>
        </dl>
        <div class="clear"></div>
    </section>


    <section class="quick_parts">
        <ul class="container">
            <li>
                <a href="collection.html">
                    <p><img src="img/collection.png" alt="我的收藏"></p>
                    我的收藏
                </a>
            </li>
            <li>
                <a href="coupon.html">
                    <p><img src="img/coupon.png" alt="我的优惠券"></p>
                    我的优惠券
                </a>
            </li>
            <li>
                <a href="level.html">
                    <p><img src="img/vip.png" alt="会员中心"></p>
                    会员中心
                </a>
            </li>
            <li>
                <a href="comment_3.html">
                    <p><img src="img/comment_2.png" alt="我的评价"></p>
                    我的评价
                </a>
            </li>
            <li>
                <a href="bidding.html">
                    <p><img src="img/bidding_2.png" alt="招标投标"></p>
                    招标投标
                </a>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <p><img src="img/deco_service.png" alt="装修服务"></p>
                    装修服务
                </a>
            </li>
            <li>
                <a href="join_flow.html">
                    <p><img src="img/merchant.png" alt="商家入驻"></p>
                    商家入驻
                </a>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <p><img src="img/client_ser.png" alt="客户服务"></p>
                    客户服务
                </a>
            </li>
            <div class="clear"></div>
        </ul>
    </section>


    <section>

    </section>

    <div class="fix_nav">
        <div class="wrapper">
            <ul class="container">
                <li>
                    <a href="index.html" class="home active">
                        首页
                    </a>
                </li>
                <li>
                    <a href="list.html" class="class">
                        分类
                    </a>
                </li>
                <li>
                    <a href="activity.html" class="activity_center">
                        活动中心
                    </a>
                </li>
                <li>
                    <a href="cart.html" class="cart"><span>99</span>
                        购物车
                    </a>
                </li>
                <li>
                    <a href="vip.html" class="mine"><span></span>
                        我的
                    </a>
                </li>
            </ul>

        </div>

    </div>


</body>
</html>